<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="UTF-8">
        <script type="text/javascript" src="/deng/include/include-css.js"></script>
        <link href="/deng/source/css/bootlist.css" rel="stylesheet" type="text/css" />
        <title>服务器机器信息监控</title>
        <style>
            .modal-lg {
                max-width: 100%;
                /*width: 95%;*/
                max-width: none;
            }
        </style>
    </head>
    <body>
        <div class="m-content jehc-content-1">
            <div class="m-portlet">
                <div class="m-portlet__head">
                    <div class="m-portlet__head-caption">
                        <div class="m-portlet__head-title">
                            <h3 class="m-portlet__head-text">
                                <span class="m-accordion__item-icon"><i class="flaticon-search"></i>查询区域</span>
                            </h3>
                        </div>
                    </div>
                </div>
                <form class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" method="POST" id="searchForm" onsubmit="search('datatables');return false;">
                    <div class="m-portlet__body">
                        <div class="form-group m-form__group row">
                            <label class="col-form-label">名称：</label>
                            <div class="col-lg-2">
                                <input type="text" class="form-control" name="local_name" placeholder="请输入">
                            </div>
                            <label class="col-form-label">ip：</label>
                            <div class="col-lg-2">
                                <input class="form-control" name="ip" placeholder="请输入">
                            </div>
                            <a href="javascript:search('datatables')" class="btn btn-light-primary font-weight-bold mr-2">
                                <span><i class="fa fa-search"></i><span>检&nbsp;&nbsp;索</span></span>
                            </a>
                            <a href="javascript:resetAll();" class="btn btn-light-success font-weight-bold mr-2">
                                <span><i class="fa fa-repeat"></i><span>清空条件</span></span>
                            </a>
                        </div>
                    </div>
                    <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit">
                        <div class="m-form__actions m-form__actions--solid">
                            <div class="row">
                                <div class="col m--align-left">
                                    <a class="btn btn-secondary m-btn m-btn--custom m-btn--label-danger m-btn--bolder m-btn--uppercase" href="javascript:delSCMSMonitor()">
                                        <span><i class="fa fa-times"></i><span>删 除</span></span>
                                    </a>
                                </div>
                                <div class="col m--align-right">
                                    <a class="btn btn-light-warning font-weight-bold mr-2 m-btn m-btn--custom m-btn--icon" href="javascript:search('datatables')">
                                        <span><i class="fa fa-spin fa-refresh m-r-5"></i><span>刷 新</span></span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <table id="datatables" class="table table-bordered table-striped table-hover" style="white-space: nowrap; width: 99.9%">
                <thead>
                <tr>
                    <th><label class="mt-checkbox mt-checkbox-single mt-checkbox-outline"><input type="checkbox" class="checkall" /><span></span></label></th>
                    <th>序号</th>
                    <th>操作</th>
                    <th>用户名</th>
                    <th>账户</th>
                    <th>计算机名</th>
                    <th>操作系统</th>
                    <th>构架</th>
                    <th>ip</th>
                    <th>mac</th>
                    <th>jvm</th>
                    <th>初次上报时间</th>
                    <th>更新时间</th>
                </tr>
                </thead>
            </table>
        </div>
    </body>

    <!-- 监控模态框（Modal）开始 -->
    <div class="modal fade" id="SCMSMonitorModal" tabindex="-1" role="dialog" aria-labelledby="SCMSMonitorModalLabel">
        <div class="modal-dialog modal-lg modal-dialog-centered" id="SCMSMonitorModalDialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" onclick="closeWin()" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="SCMSMonitorModalLabel">实时信息</h4>
                </div>
                <div class="modal-body" id="SCMSMonitorBody">
                    <div class="panel-body">
                        <form method="POST" class="m-form m-form--fit m-form--label-align-left m-form--group-seperator-dashed" id="searchFormRedisInfo">
                            <div class="form-group m-form__group row">
                                <div class="col-lg-5">
                                    <label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">Mac</label><br>
                                    <label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="mac">未知</label>
                                </div>
                                <div class="col-lg-5">
                                    <label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight: 100;">ip</label><br>
                                    <label class="col-form-label" style="padding-top: .1rem;font-size: 16px;font-weight:500;" id="ip">未知</label>
                                </div>
                            </div>
                            <div class="form-group m-form__group row">
                                <div class="col-lg-6" style="overflow-x:auto;overflow-y:auto;">
                                    <div id="mainMem" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
                                </div>
                                <div class="col-lg-6"  style="height:300px;overflow-y:auto;">
                                    <div id="mainCpu" style="width:100%;height:300px;text-align: center;margin: auto;"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
    <!-- 监控模态框（Modal）结束 -->
    <script type="text/javascript" src="/deng/include/include.js"></script>
    <script type="text/javascript" src="/deng/source/plugins/chart/echarts.min.js"></script>
    <script type="text/javascript" src="/deng/view/omp/scms/scms-monitor/scms-monitor-list.js"></script>
</html>
